<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>
    wto-informals.org : tracking the meetings behind the meetings
  </title>

  <link href="/static/style.css" rel="stylesheet" type="text/css">
  <link href="/static/browser.css" rel="stylesheet" type="text/css">

  <!-- Google Maps API; must come first -->
  <script type="text/javascript"
    src="http://www.google.com/jsapi?key=ABQIAAAAvl8842QAreXe50oP_E99gBSsz0xeqUSFhdHm-5Mcxg_lbTvoKhR3stSteEl89SwDD-UGI1nZ3BGZ8w">
  </script>

  <!-- Our javascript application -->
  <script type="text/javascript" src="/static/core.js"></script>
  <script type="text/javascript" src="/static/browser.js"></script>
  <script type="text/javascript">
    google.load("maps", "2");
    google.setOnLoadCallback(init);
  </script>

  <!-- jsonp data; must come last -->
  <script type="text/javascript" src="data/members/jsonp/all"></script>
  <script type="text/javascript" src="data/groups/jsonp/all"></script>
  <script type="text/javascript" src="data/meetings/jsonp/all"></script>
</head>

<body onunload="GUnload()">

  <div id="heading">
    <h1>wto-informals.org</h1>
    <div id="subtitle">tracking the meetings between the meetings</div>
    <div id="menu">
      <a href="/contact">contact</a> |
      <a href="/about">about</a> |
      <a href="/blog">blog</a>
    </div>
  </div>

  <div id="leftPane">
    <div id="groups">
      <div>Groups: <select id="groupList"></select></div>
      <div id="groupFilter">
        Group Tags:
        <select id="groupTags" name="groupTags" onclick="WTO.addTag()">
        </select>
        <span id="tagList"></span>
      </div>
      <div id="groupOrder">
        Stat: 
        <span class="jslink" id="groups_by_name">none</span>;
        <span class="jslink" id="groups_by_members">members</span>;
        <span class="jslink" id="groups_by_pop">population</span>;
        <span class="jslink" id="groups_by_trade">trade</span>;
        <span class="jslink" id="groups_by_gdp">GDP</span>
        (<span class="jslink" id="groups_by_gdp_per_capita">per capita</span>)
      </div>
    </div>
    <div id="members"></div>
  </div>
  <div id="map"></div>
  <div id="calendar">
  <!--
    <div id="control">
    Members: <a href="#">Advil</a> <br>
      +<select name="tag">
        <option value="AA">Aardvarkia</option>
        <option value="AB">Abolonia</option>
        <option value="AC">Acrimony</option>
        <option value="AD">
          <span style="width: 4em;">XX%</span>
          <span>Testing</span>
        </option>
        <option value="AE">
          <span style="width: 4em;">X%</span>
          <span>Testing2</span>
        </option>
        <option value="AF">
          <span style="width: 4em;">%</span>
          <span>Testing3</span>
        </option>
      </select> <b>[any]</b> <a href="#">all</a>
    <hr>
    Tags: <a href="#">offensive</a><br>
      +<select name="tag">
        <option value="" disabled="disabled">Popular</option>
        <option value="informal">informal</option>
        <option value="regional">regional</option>
        <option value="" disabled="disabled">Others</option>
        <option value="orchid_farmers">orchid farmers</option>
      </select> <b>[any]</b> <a href="#">all</a>
    <hr>
    </div>
    -->
    <div id="meetings"></div>
  </div>

  <div id="about">
    <div id="closeAbout">X</div>
    <h2>wto-informals.org - about</h2>
    <p>Every months, dozens of trade meetings happen "off the record."  These
    informal meetings have significant influence on ongoing trade negotiations
    that profoundly affect world trade policy, and through it, the lives of
    billions of peoples, and the flow of billions of dollars.</p>
    <p>Lorem ipsum. </p>
  </div>

</body>
</html>
